<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script src="${initParam.root}/jquery-1.8.3.js"></script>
<style type="text/css">
h3
{
	margin-top: 70px;
	margin-left: 355px;
	margin-bottom: 40px;
}
#ulform
{
	margin-top:-20px;
	list-style: none;
}

#비밀번호변경
{
	margin: auto;
	margin-left:350px;
	width: 420px;
	height: 500px;
	background: url("${initParam.root }/img/main/find/main-findidpassword-background1.gif");
	background-repeat: no-repeat;
}

#idnemail
{
	background: url("${initParam.root }/img/main/find/main-findidpassword-background2.gif");
	background-repeat: no-repeat;
	height:300px;
	margin-top: 40px;
	margin-left:20px; 
}

.passtitle
{
	margin-top: 15px;
	margin-left: 25px;
}
.passinfo
{
	margin-top: 15px;
	margin-left: 30px;
}
.passid
{
	padding-top:10px;
	padding:2.5px;
	margin-left: -30px;
}	
#m_id
{
	width: 120px;
	margin-left: 55px;
	border:none;
}
#userPass
{
	margin-left: 10px;
	width: 120px;
}
#passConfirm{
	margin-left: 21px;
	width: 120px;
}
#changePassword
{
	margin-left: 8px;
	margin-top: -40px;
}
</style>	
<script type="text/javascript">

	$(function() {
			$("#changePassword").click(function() {
				if ($("#userPass").val() == "") {
					alert("패스워드를 입력하세요");
					$("#userPass").focus();
					return;
				} else if ($("#passConfirm").val() == "") {
					alert("패스워드를 확인을 입력하세요");
					$("#passConfirm").focus();
					return;
				} else if ($("#userPass").val() != $("#passConfirm").val()) {
					alert("비밀번호가 같지않습니다");
					$("#passConfirm").val("");
					$("#passConfirm").focus();
					return;
				}
				$("#changePass").submit();
			});
	});
</script>

<h3><img src="${initParam.root }/img/main//updatePass/main-updatePass-title.gif" alt="제목" /></h3> 
<div id="비밀번호변경">
	<form id="changePass" name="changePassForm" action="${initParam.root }/member.do" method="post">
	<input type="hidden" name="command" value="changePass">
	<img alt="title" src="${initParam.root }/img/main/updatePass/main-updatePass-sub.gif" class="passtitle"><br>
	<img alt="info" src="${initParam.root }/img/main/updatePass/main-updatePass-info.gif" class="passinfo">
		<div id="idnemail">
		<div id="idnemail_form">
			<ul id="ulform">
				<li class="passid"><img alt="아이디" src="${initParam.root }/img/main//updatePass/main-updatePass-id.gif"><input type="text" id="m_id" name="m_id" value="${requestScope.idInfo}" style="background:#f9f9f9;"  readOnly="readOnly"></li>
				<li class="passid"><img alt="새로운비밀번호" src="${initParam.root }/img/main/updatePass/main-updatePass-password.gif"><input type="password" id="userPass" name="m_password"></li>
				<li class="passid">
					<img alt="비밀번호확인" src="${initParam.root }/img/main/updatePass/main-updatePass-newpassword.gif"><input type="password" id="passConfirm">
					<img alt="전송버튼" src="${initParam.root }/img/main/find/main-findidpassword-passwordBtn.jpg" id="changePassword" style="cursor: pointer;">
				</li>
			</ul>
			</div>
		</div>
	</form>
</div>
